<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>提交按钮</title>
</head>
<body>

<!--提交按钮(Submit Button)-->
<!--<input type="submit"> 定义了提交按钮.-->
<!--当用户单击确认按钮时，表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。:-->
<form name="input" action="html_form_action.php" method="get">
    Username:<input type="text" name="user">
    <input type="submit" value="Submit">
</form>

<!--简单的下拉列表-->
<!--本例演示如何在 HTML 页面中创建简单的下拉列表框。下拉列表框是一个可选列表。-->
<form action="">
    <select name="cars">
        <option value="volvo">Volvo</option>
        <option value="saab">Saab</option>
        <option value="fiat">Fiat</option>
        <option value="audi">Audi</option>
    </select>
</form>

<!--预选下拉列表-->
<!--本例演示如何创建一个简单的带有预选值的下拉列表。-->
<form action="">
    <select name="cars">
        <option value="volvo">Volvo</option>
        <option value="saab">Saab</option>
        <option value="fiat" selected>Fiat</option>
        <option value="audi">Audi</option>
    </select>
</form>

<!--文本域(Textarea)-->
<!--本例演示如何创建文本域（多行文本输入控件）。用户可在文本域中写入文本。可写入字符的字数不受限制。-->
<textarea rows="10" cols="30">
    我是一个文本框。
</textarea>

<!--创建按钮-->
<!--本例演示如何创建按钮。你可以对按钮上的文字进行自定义。-->
<form action="">
    <input type="button" value="Hello world!">
</form>

<!--带边框的表单-->
<!--本例演示如何在数据周围绘制一个带标题的框。-->
<form action="">
    <fieldset>
        <legend>Personal information:</legend>
        Nmae:<input type="text" size="30"><br>
        E-mail:<input type="text" size="30"><br>
        Date of birth:<input type="text" size="10"><br>
    </fieldset>
</form>

<!--带有单选按钮的表单-->
<!--此表单包含两个单选框和一个确认按钮。-->
<form action="demo-form.php" method="get">
    <input type="radio" name="sex" value="Male">Male<br>
    <input type="radio" name="sex" value="Female" checked="checked">Female<br>
    <input type="submit" value="提交">
</form>

<!--从表单发送电子邮件-->
<!--此例演示如何从表单发送电子邮件。-->
<form action="MAILTO:someone@example.com" method="post" enctype="text/plain">
    Name:<br>
    <input type="text" name="name" value="your name"><br>
    E-mail:<br>
    <input type="text" name="mail" value="your email"><br>
    Comment:<br>
    <input type="text" name="comment" value="your comment" size="50"><br><br>
    <input type="submit" value="发送">
    <input type="reset" value="重置">
</form>

</body>
</html>